<ui:composition xmlns="http://www.w3.org/1999/xhtml"
		xmlns:h="http://java.sun.com/jsf/html"
		xmlns:f="http://java.sun.com/jsf/core"
		xmlns:ui="http://java.sun.com/jsf/facelets"
		xmlns:p="http://primefaces.org/ui"
		template="../resources/template/template_bootstrap.xhtml">

		<ui:define name="title">Dados Cadastrais</ui:define>

		<ui:define name="conteudo">

				<h:form id="formulario" prependId="false">

						<h:inputHidden value="#{pessoaMB.stateForm}" />

						<div class="row-fluid">
								<div class="span12">
										<p:messages globalOnly="true" closable="true" />
								</div>
						</div>


						<p:dataTable id="tabela" rendered="#{usuarioMB.isAdministrador()}" value="#{pessoaMB.pessoas}"
								var="p" emptyMessage="Nenhum registro incluido."
								styleClass="tabela-carrinho" paginator="true"
								rows="5" rowsPerPageTemplate="5,10,20,30">


								<p:column headerText="Nome" filterBy="#{p.nome}" filterStyleClass="filter"
										sortBy="#{p.nome}">
										<h:outputText value="#{p.nome}" />
								</p:column>


								<p:column headerText="Tipo">
										<h:outputText value="#{p.usuario.tipoUsuario.nome}"></h:outputText>
								</p:column>

								<p:column headerText="Categoria">
										<h:outputText value="#{p.tipoPessoa.nome}" />
								</p:column>


								<p:column headerText="E-mail">
										<h:outputText value="#{p.email}" />
								</p:column>


								<p:column headerText="Telefone">
										<h:outputText value="#{p.telefone1}" />
								</p:column>


								<p:column headerText="Alterar">

										<p:commandButton value="Alterar" action="#{pessoaMB.edit}" 
												process="@this" title="Editar Registro" ajax="true"
												update="@form">
												<f:setPropertyActionListener
														target="#{pessoaMB.pessoa}" value="#{p}" />
										</p:commandButton>

								</p:column>
						</p:dataTable>



						<div class="row-fluid margin-top">
								<div class="span3">
										<p:outputLabel styleClass="text-right" value="Tipo" />
								</div>
								<p:outputPanel layout="block" rendered="#{pessoaMB.pessoa.id == null}" styleClass="span4">
										<p:selectOneRadio value="#{pessoaMB.tipoPessoa}" styleClass="rdo-avaliacao">
												<f:selectItems value="#{pessoaMB.liTiposPessoa}" />
												<p:ajax event="change" listener="#{pessoaMB.definePessoa}"
														update="@form" />
										</p:selectOneRadio>
								</p:outputPanel>
								
								<p:outputPanel layout="block" rendered="#{pessoaMB.pessoa.id != null}" styleClass="span4">
								
									<h:inputHidden value="#{pessoaMB.tipoPessoa}" />
									<p:outputLabel value="#{pessoaMB.tipoPessoa.nome}"/>
								</p:outputPanel>
								
						</div>

						<p:outputPanel layout="block" id="pnlDadosPessoa">


								<ui:include src="include/frmPessoa.xhtml">
										<ui:param name="pessoa"
												value="#{pessoaMB.flagPessoaFisica == true ? pessoaMB.pessoaFisica : pessoaMB.pessoaJuridica}" />
										<ui:param name="labelNome"
												value="#{pessoaMB.flagPessoaFisica == true ? 'Nome Completo' : 'Razão Social'}" />
								</ui:include>
						</p:outputPanel>


						<p:outputPanel layout="block" id="pnlUsuario" rendered="#{usuarioMB.isAdministrador()==false || pessoaMB.pessoa.id == null}">
								<ui:include src="/cadastrar/include/frmUsuario.xhtml">
										<ui:param name="usuario"
												value="#{pessoaMB.getUsuarioPessoa()}" />
								</ui:include>
						</p:outputPanel>


						<p:outputPanel layout="block" id="pnlEndereco">
								<ui:include src="/cadastrar/include/frmEndereco.xhtml">
										<ui:param name="endereco" value="#{pessoaMB.endereco}"></ui:param>
								</ui:include>
						</p:outputPanel>




						<div class="row-fluid">
								<div class="span3">
										<p:commandButton styleClass="float-right" id="btnSalvar"
												value="Salvar" action="#{pessoaMB.save}" ajax="false"
												update="@all" />
								</div>
								<div class="span3">
										<p:commandButton id="btnCancelar" rendered="#{pessoaMB.pessoa.id!=null}"
												value="Cancelar" action="#{pessoaMB.novo}" ajax="true" process="@this"
												update="formulario" />
								</div>

						</div>

				</h:form>


				<p:confirmDialog id="confirmDialog"
						message="Confirma a exclusão do registro?" header="Exclusão"
						severity="info" widgetVar="confirmation" appendToBody="true">

						<h:form id="dlg">

								<p:commandButton value="Sim" update=":formulario"
										oncomplete="confirmation.hide()"
										actionListener="#{pessoaMB.delete}" />

								<p:commandButton value="Não" onclick="confirmation.hide()" />


						</h:form>

				</p:confirmDialog>

		</ui:define>

</ui:composition>
